
// 路由
export const constantRoute = [
    {
        path: '/login',  // 路由路径
        component: () => import('@/views/login/index.vue'),  // 路由组件
        name: 'login',  // 路由名字
        meta:{
            title:'登录',  // 菜单标题
            // isMenu:true,  // 该路由是否是菜单，如果是则显示为菜单，如果不是则不显示
            icon:'UserFilled'  // 菜单左侧图标，支持element-plus所有图标
        }
    },
    {
        path: '/',
        component: () => import('@/layout/index.vue'),
        name: 'layout',
        meta:{
            title:'',  // 菜单标题
            icon:'Avatar',
            isMenu:true,
        },
        redirect:'/home',
        children:[
            {
                path:'/home',
                component:()=>import('@/views/home/index.vue'),
                meta:{
                    title:'首页',
                    isMenu:true,
                    icon:'HomeFilled'
                }
            }
        ]
    },
    {
        path:'/screen',
        component:()=>import('@/views/screen/index.vue'),
        name:'Screen',
        meta:{
            title:'数据大屏',
            isMenu:true,
            icon:'Platform'
        }
    },
    
    {
        path: '/test',
        component: () => import('@/views/test/index.vue'),
        name: 'test',
        meta:{
            title:'测试页面'
        }
    },
    {
        path: '/404',
        component: () => import('@/views/404/index.vue'),
        name: '404',
        meta:{
            title:'404'
        }
    },
    {
        path: '/:pathMatch(.*)*',  // 任意路由
        redirect: '/404',
        name: 'Any',
        meta:{
            title:'任意路由'
        }
    },
    
]

// 异步路由
export const asnycRoute =[
    {
        path:'/acl',
        component:()=>import('@/layout/index.vue'),
        name:'Acl',
        meta:{
            title:'权限管理',
            isMenu:true,
            icon:'Lock'
        },
        redirect:'/acl/user',
        children:[
            {
                path:'/acl/user',
                component:()=>import('@/views/acl/user/index.vue'),
                name:'User',
                meta:{
                    title:'用户管理',
                    isMenu:true,
                    icon:'User'
                }
            },
            {
                path:'/acl/role',
                component:()=>import('@/views/acl/role/index.vue'),
                name:'Role',
                meta:{
                    title:'角色管理',
                    isMenu:true,
                    icon:'UserFilled'
                }
            },
            {
                path:'/acl/permission',
                component:()=>import('@/views/acl/permission/index.vue'),
                name:'Permission',
                meta:{
                    title:'菜单管理',
                    isMenu:true,
                    icon:'Monitor'
                }
            },
        ]
    },
    {
        path:'/product',
        component:()=>import('@/layout/index.vue'),
        name:'Product',
        meta:{
            title:'商品管理',
            isMenu:true,
            icon:'Goods'
        },
        redirect:'/product/trademark',
        children:[
            {
                path:'/product/category',
                component:()=>import('@/views/product/category/index.vue'),
                name:'Category',
                meta:{
                    title:'分类管理',
                    isMenu:true,
                    icon:'Flag'
                }
            },
            {
                path:'/product/trademark',
                component:()=>import('@/views/product/trademark/index.vue'),
                name:'Trademark',
                meta:{
                    title:'品牌管理',
                    isMenu:true,
                    icon:'ShoppingCartFull'
                }
            },
            {
                path:'/product/attr',
                component:()=>import('@/views/product/attr/index.vue'),
                name:'Attr',
                meta:{
                    title:'属性管理',
                    isMenu:true,
                    icon:'ChromeFilled'
                }
            },
            {
                path:'/product/spu',
                component:()=>import('@/views/product/spu/index.vue'),
                name:'Spu',
                meta:{
                    title:'Spu管理',
                    isMenu:true,
                    icon:'Calendar'
                }
            },
            {
                path:'/product/sku',
                component:()=>import('@/views/product/sku/index.vue'),
                name:'Sku',
                meta:{
                    title:'Sku管理',
                    isMenu:true,
                    icon:'Orange'
                }
            }
        ]
    },
]

// 任意路由
export const anyRoute = [
    {
        path: '/:pathMatch(.*)*',  // 任意路由
        redirect: '/404',
        name: 'Any',
        meta:{
            title:'任意路由'
        }
    },
]